<template>
  <el-icon @click="expand">
    <component :is="icon" />
  </el-icon>
</template>
<script lang='ts' setup>
import { useStore } from '@/store'
const icon = ref('fold')
let isShow = false
const store = useStore()
const expand = () => {
  icon.value = isShow ? 'expand' : 'fold'
  isShow = !isShow
  store.dispatch('changeNavStatus', isShow)
}
</script>
<style lang='scss' scoped>

</style>
